<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>WebSSH</title>
    <script src="//cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
    <!-- import JavaScript -->
    <script src="//cdn.bootcdn.net/ajax/libs/element-ui/2.15.10/index.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="//cdn.bootcdn.net/ajax/libs/element-ui/2.15.10/theme-chalk/index.min.css">
        <!-- <script src="js/vue.js"></script> -->
    <!-- element -->
        <!-- <script src="js/index.js"></script> -->
        <!-- <link rel="stylesheet" href="css/index.css"> -->
    <style>
        .el-row{margin-bottom:20px;&:last-child{margin-bottom:0}}.el-col{border-radius:4px}.bg-purple-dark{background:#99a9bf}.bg-purple{background:#d3dce6}.bg-purple-light{background:#e5e9f2}.grid-content{border-radius:4px;min-height:36px}.row-bg{padding:10px 0;background-color:#f9fafc}
    </style>
</head>
<body>
<div id="app">
    <el-row>
        <el-col :span="24">
            <div class="grid-content bg-purple-dark" style="text-align: center;">
                在线ssh连接服务器
            </div>
        </el-col>
    </el-row>
    <el-radio-group v-model="labelPosition" size="small">
        <el-radio-button label="left">左对齐</el-radio-button>
        <el-radio-button label="right">右对齐</el-radio-button>
        <el-radio-button label="top">顶部对齐</el-radio-button>
    </el-radio-group>
    <div style="margin: 20px;"></div>
    <el-form :label-position="labelPosition" label-width="80px" :model="connectData">
        <el-form-item label="主机">
            <el-input placeholder="请输入主机IP" v-model="connectData.host"></el-input>
        </el-form-item>
        <el-form-item label="端口">
            <el-input placeholder="请输入端口号" v-model="connectData.port"></el-input>
        </el-form-item>
        <el-form-item label="账号">
            <el-input placeholder="请输入账号" v-model="connectData.username"></el-input>
        </el-form-item>
        <el-form-item label="密码">
            <el-input placeholder="请输入密码" v-model="connectData.password" show-password
                      @keyup.enter.native="onSubmit"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">连接</el-button>
            <el-button @click="reset">重置</el-button>
        </el-form-item>
    </el-form>
</div>

<script type="text/javascript" th:inline="javascript">
window.localStorage.setItem("ws_uri", /*[[${ws_uri}]]*/);
</script>
<script src="js/login.min.js"></script>
</body>
</html>